<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        html{ border: none;}
    </style>
</head>
<body>
<table border="1" width="50%" id="tb1">
    <tr>
        <td>1111111111111111</td>
        <td>2222222222222</td>
    </tr>
    <tr>
        <td>33333333333333</td>
        <td><a href="#">百度</a></td>
    </tr>
</table>
<script language="javascript">
    var tb1=document.getElementById('tb1');
    tb1.onmouseover=function(oEvent){
        var oTarget = oEvent.target;
        /*while (oTarget.nodeType != 1)
            oTarget = oTarget.parentNode;*/
        console.log(oTarget.tagName);
    };
    function doIt(oEvent) {
        console.log(arguments);

        console.log(oEvent);
        var oTarget = oEvent.target;
        while (oTarget.nodeType != 1)
            oTarget = oTarget.parentNode;
        alert(oTarget.tagName);
    }
</script>
</body>
</html>